import './App.scss';


//jsx语法 在脚手架内部会自动通过 babel 插件转换为js代码
//<div className="App"> 转换为 React.createElement('div',{class:'App'},)
//<header className="App-header"> 转换为 React.createElement('header',{class:'App-header'},)
//<img src={logo} className="App-logo" alt="logo" /> 转换为 React.createElement('img',{src:'',class:'',alt:''},)


//App 是个根组件, 也是个 函数式组件
import React, { Component } from 'react';
import MyHeader from './components/MyHeader';
import MySwiper from './components/MySwiper';
import MyCatelist from './components/MyCatelist';
// import MyTabbar from './components/MyTabbar';
import Mylist  from './components/Mylist';



class App extends Component {
  constructor(props){
    super(props);
    this.state = {
      tabs:[]
    }
  }
  render() {
    return (
      <div>
        <MyHeader></MyHeader>
        <MySwiper></MySwiper>
        <MyCatelist>
          
        </MyCatelist>
        <Mylist></Mylist>
        {/* <MyTabbar></MyTabbar> */}
      </div>
    );
  }
}

export default App;


